<template>
	<view class="flex flex-wrap row-between">
		<block v-for="(item,i) in goodsList" :key='i'>
			<view class="goodsItem mt24" @click="$jump(`/pages/home/goodsD?id=${item.id}`)">
				<image :src="item.img_path" class="h300 radius20" style="width: 100%;"></image>
				<view class="fs26 fw-500 mt20">{{item.name}}</view>
				<view class="flex col-center row-between mt20">
					<text class="color-y7 fs36">¥{{item.price}}</text>
					<view class="fs24 fw-500 color-f w150 flex row-right">
						<u-button type="primary" shape="circle" size="mini" @click="$jump(`/pages/home/goodsD?id=${item.id}`)">立即购买</u-button>
					</view>
				</view>
			</view>
		</block>
	</view>
</template>

<script>
	export default {
		name:"goods_list",
		props:{
			goodsList:{
				type:Array
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.goodsItem {
	width: 47%;
}
.goodsItem:nth-child(even) {
	margin-right: 0rpx !important;
}
</style>
